<template>
  <div>
    <!-- 预约工具 -->
    <van-nav-bar title="预约工具" />     
    <van-grid>
        <van-grid-item icon="comment-o" text="接种记录" />   
        <van-grid-item
        @click="appoin"
        icon="fire-o"
        text="预约记录"
        />
        <van-grid-item icon="coupon-o" text="我的档案" @click="myfile"/>   <van-grid-item
        icon="chat-o"
        text="咨询记录"
      />
    </van-grid>

    <!-- 其他工具 -->
    <van-nav-bar title="其他工具" />
    <van-cell icon="like-o" title="健康方案" is-link to="/myhealthy" />
    <van-cell icon="star-o" title="我的收藏" is-link to="/mycollection" />
    <van-cell icon="more-o" title="意见反馈" is-link to="/myfeedback" />
    <van-cell icon="share-o" title="推荐好友"  @click="showShare = true" is-link />
        <van-share-sheet
          v-model="showShare"
          title="立即分享好友"
          :options="options"
        />
  </div>
</template>

<script>
export default {
  data() {
    return {
      showShare: false,
      options: [
        [
          { name: '微信', icon: 'wechat' },
          { name: '朋友圈', icon: 'wechat-moments' },
          { name: '微博', icon: 'weibo' },
          { name: 'QQ', icon: 'qq' },
        ],
      ],
    };
  },

methods:{
  appoin(){
    
    this.$router.push('/record');
  },
  myfile(){
     this.$router.push('/myfile');
  }
}
};
</script>

<style>
</style>